<script lang="ts" setup>
defineProps<{ items: string[] }>()
</script>

<template>
    <div class="umrp-breadcrumb">
        <div class="umrp-breadcrumb__item" v-for="item in items">{{ item }}</div>
    </div>
</template>

<style lang="scss" scoped>
.umrp-breadcrumb {
    display: flex;
    gap: 20px;

    &__item {
        position: relative;

        &::after {
            position: absolute;
            right: -16px;
            content: '/';
            color: #999;
        }

        &:last-child::after {
            content: '';
        }
    }
}
</style>